<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <title>石门实验中学开放日预约</title>
	<script src="__STATIC__/js/jquery-2.1.4.min.js" type="text/javascript"></script>
	<style type="text/css">
		.uploadinput{
			z-index: 2;
		    position: absolute;
		    left: 0;
		    width: 100%;
		    height: 150px;
		    opacity: .01;
		    filter: alpha(opacity=1);
		    cursor: pointer;
		}
	    p{
			padding-right:10px;
			padding-left:10px;
		}
		h4{
			padding-right:10px;
			padding-left:10px;
			padding:12px;
			line-height:12px;
		}
		.text-input{
			border: 1px solid #dfdbdb;
			padding: 5px;
			border-radius: 5px;
		}
	</style>
	</head>

<body>
    <h2  class="text-center" style='color:blue'>石门实验中学开放日预约</h2>
	
	<p>您好！石门实验中学第十七届教育教学开放日暨科技节活动将于3月20日上午7：50-12：00举办，如果您不是本校学生家长，请先预约再进校参观，谢谢！</p>
	<p>
	  <a href="/kaifangyuyue/yu_yue/add"><input name="yuyue" type="button" id="yuyue" value="我要预约"/></a>
	</p>
	<p>如已预约，请在下面输入手机号，查询您的预约信息。</p>
	<div  align="center" ><input type="text" class="text-input" id="zqh"/> <input type="button" value="查询" onClick="query()"/></div>
	<div id="result" style="display:none">
	</div>
</body>
<script>
	var url = "/kaifangyuyue/yu_yue";
	function query() {
	     var zqh = $("#zqh").val();
		$.ajax({
		   type:"GET",
		   url: url + "/getData",
		   data:{
				zqh: zqh
		   },
		   success: function(resp){
				var html = "<h4 class='bg-info' style='color:blue'>查询结果：</h4>";
				//判断是否为空对象
				if(!$.isEmptyObject(resp)) {
				    var starttime="",endtime=""
					if(resp.时段=="8:30-15:00"){
                        starttime="7:30-8:30"
						endtime="15:00"
                    }else{
                        starttime="8:30-9:00"	
						endtime="16:00"
					}						
					html+="<p>姓名："+resp.姓名+"</p>";
					html+="<p>性别：2020年7月24日"+resp.性别+"</p>";
					html+="<p>身份证号码："+resp.身份证号码+"</p>";
					html+="<p>就读小学："+resp.就读小学+"</p>";
					html+="<p>特长："+resp.特长+"</p>";
					html+="<p>自我介绍："+resp.自我介绍+"</p>";
				}else {
					html+="<p style='color:red'>抱歉！没有找到此电话号码的预约信息，请核对电话号码是否输入正确，或重新预约。</p>";
				}
				html+="</div>"
				$("#result").show();
				$("#result").html(html);
			}
		});
	}

</script>
<p>　</p>
<h4 class='bg-success' style='color:blue'>咨询电话：0757-81209201、81209202</h4>
</html>
